@extends('layout.layout')

@section('title')
    HaYiiRo -- Contact
@stop

@section('content')
    <div class="fh5co-hero fh5co-hero-2">
        <div class="fh5co-overlay"></div>
        <div class="fh5co-cover fh5co-cover_2 text-center" data-stellar-background-ratio="0.5" style="background-image: url(images/cover_bg_2.jpg);">
            <div class="desc animate-box">
                <h2>Contact Me</h2>
                <span>Crafted by <a href="#" target="_blank" class="fh5co-site-name">HaYiiRo</a></span>
            </div>
        </div>
    </div>
    <!-- end:header-top -->
    <style>
        #fh5co-contact .contact-info li i{
            top: 0;
        }
    </style>
    <div id="fh5co-contact" class="animate-box">
        <div class="container">
            <form action="#">
                <div class="row">
                    <div class="col-md-6">
                        <h3 class="section-title">Our Address</h3>
                        <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
                        <ul class="contact-info">
                            <li><i class="icon-location-pin"></i>198 West 21th Street, Suite 721 New York NY 10016</li>
                            <li><i class="icon-phone2"></i>+ 1235 2355 98</li>
                            <li><i class="icon-mail"></i><a href="#">info@yoursite.com</a></li>
                            <li><i class="icon-globe2"></i><a href="#">www.yoursite.com</a></li>
                        </ul>
                    </div>
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Name">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Email">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <textarea name="" class="form-control" id="" cols="30" rows="7" placeholder="Message"></textarea>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <input type="submit" value="Send Message" class="btn btn-primary">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection